<!DOCTYPE html>
<<<<<<< HEAD
<html lang="zh-cn">
<head>
  <meta charset="utf-8">
  <title>This is Falost's world!</title>
  <meta name="Author" content="神棍、Falost and SCK TeAm">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Bootstrap -->
  <link href="static/css/bootstrap.min.css" rel="stylesheet">
  <link href="static/css/animate.css" rel="stylesheet"/>
  <link href="static/css/style.css" rel="stylesheet">
  <!--[if lt IE 9]>
      <script src="static/js/html5shiv.min.js"></script>
      <script src="static/js/respond.min.js"></script>
    <![endif]-->
  <!--<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>-->
  <!--<script src="https://google.github.io/traceur-compiler/bin/BrowserSystem.js"></script>-->
  <!--<script src="https://google.github.io/traceur-compiler/src/bootstrap.js"></script>-->
	<script>
    (function() {
      if ( window.location.protocol.indexOf('s') < 0 ) {
        window.location.protocol = 'https'
      }
    })()
    </script>
</head>
<body>
<!--heaer-->
<header>
  <!--nav-->
  <span class="line"></span>
  <nav>
      <ul class="box">
        <li>
          <a href="/">Falost Home</a>
        </li>
        <li><a href="https://www.fedte.cc" target="_blank">博客</a></li>
      </ul>
  </nav>
  <!--nav End-->
</header>
<!--header End-->
<div class="mask"></div>
<canvas id="bubble" width="300" height="563"></canvas>
<section class="home">
  <div class="box">
    <section>
      <h1>
        <a href="">
          <img src="static/images/tuxiang.jpg" alt="I'm falost"/>
        </a>
        <span class="bg">
          <span class="radar"></span>
          <span class="radar"></span>
          <span class="radar"></span>
        </span>
      </h1>
      <h2>I'M Falost</h2>
      <p>专注于前端开发，前端安全研究！</p>
      <div class="tag">
        <span>javaScript</span>
        <span>jQury</span>
        <span>HTML(5)</span>
        <span>CSS(3)</span>
        <span>Angular</span>
        <span>Node</span>
        <span>Bootstrap</span>
      </div>
    </section>
  </div>
</section>
<section class="intr">
  <div class="box">
    <section>
      <h2>Falost's Introduce</h2>
      <p>梦想若在，路就在前方，踏上实现梦想的征途！</p>
      <div class="main">
        <div>
          <h3><span class="glyphicon glyphicon-map-marker"></span></h3>
          <p>一名有节操的90后前端程序员。家乡位于陕南美丽的山水太极城，汉水之滨的小山村中。</p>
          <a href="javascript:void(0)">More</a>
        </div>
        <div>
          <h3><span class="glyphicon glyphicon-star"></span></h3>
          <p>虽然身体有点胖，但是还是喜欢户外运动，正所谓，生命在于运动。喜欢出没于各大技术圈子中。</p>
          <a href="javascript:void(0)">More</a>
        </div>
        <div>
          <h3><span class="glyphicon glyphicon-heart"></span></h3>
          <p>一直希望和家人一起是去旅游，行走在山水之间。或沉寂于家乡山野之中，远离繁华喧嚣的都市，安安静静！</p>
          <a href="javascript:void(0)">More</a>
        </div>
      </div>
    </section>
  </div>
</section>
<section class="skill">
  <div class="box">
    <section>
      <h2>Get's Skill</h2>
      <p>追梦若冷，就用希望去暖!</p>
      <div class="main">
        <div class="left">
          <div id="skill"></div>
        </div>
        <div class="right">
          <ul class="skill_list"></ul>
        </div>
      </div>
      <p>注：技能成熟点仅供参考！</p>
    </section>
  </div>
</section>
<section class="case">
  <div class="box">
    <section>
      <h2>Get's Skill</h2>
      <p>如果你没有倒下，那么梦想依旧存在，继续追着Ta!</p>
      <div class="main" id="">

      </div>
    </section>
  </div>
</section>
<section class="contact">
  <div class="box">
    <section>
      <h2>Contact Me</h2>
      <p>如果你没有倒下，那么梦想依旧存在，继续追着Ta!</p>
      <div class="main">
          <a href="http://weibo.com/falost" target="_blank" class="btn">微博</a>
          <a href="http://wpa.qq.com/msgrd?v=3&uin=869432476&site=www.fedte.cc&menu=yes" target="_blank" class="btn">QQ</a>
          <a class="btn">Wechat</a>
          <a href="mailto:falost.cc@gmail.com" class="btn">Mail</a>
          <a href="https://github.com/falost" target="_blank" class="btn">Github</a>
          <a href="https://twitter.com/falost_cc" target="_blank" class="btn">Twitter</a>
          <a href="https://www.facebook.com/falost.cc" target="_blank" class="btn">Facebook</a>
          <a href="https://www.linkedin.com/in/falost" target="_blank" class="btn">LinkedIn</a>
      </div>
    </section>
  </div>
</section>
<footer>
<div class="box">
  <section class="main"></section>
</div>
</footer>
</body>
<script src="static/js/jquery-1.11.3.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/echarts.min.js"></script>
<!--<script src="static/js/jquery.bgSlide.js"></script>-->
<script src="static/js/config.js"></script>
<!--<script type="module">import './static/js/es6.js';</script>-->

